<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	<script type="text/javascript">
		function clickButton() {
			document.getElementById("hiddenForm:hiddenButton").click();
		}
	</script>
	<style>
		.ui-paginator {
			text-align: left ! important
		}
	</style>
	<div id="top">
		<div class="left">
			<p>
				Welcome, <strong>#{userMB.user.name}</strong> [ <a href="#"
					onclick="clickButton();">logout</a> ]
				<h:form id="hiddenForm">
					<p:commandButton id="hiddenButton" value="#{bundle.logOut}"
						action="#{ldapUsersMB.logOut()}" ajax="false"
						style="display:none;" />
				</h:form>
			</p>
		</div>
		<div class="right">
			<div class="align-right"></div>
		</div>
	</div>
	<div id="nav">
		<ul>
			<li class="upp"><a href="#">Users</a>
				<ul>
					<li>&#8250; <a
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/users/allusers.xhtml">Show
							all users</a></li>
					<li>&#8250; <a
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/users/adduser.xhtml">Add
							new user</a></li>
					<!-- <li>&#8250; <a href="">Lock users</a></li> -->
				</ul></li>
			<li class="upp"><a href="#">Manage Records</a>
				<ul>
					<li>&#8250; <a title="Employer WOTC Locations" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/records/emp_140.xhtml">140ERWOTCLOC</a></li>
					<li>&#8250; <a title="Employer TICS Worksite Locations" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/records/emp_150.xhtml">150ERTICSWKSITE</a></li>
					<li>&#8250; <a title="Employee General Information" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/records/emp_202.xhtml">202EMPLPIM
					</a></li>
					<li>&#8250; <a title="Employee Pay Information" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/records/emp_210.xhtml">210EMPLPAYINFO
					</a></li>
					<li>&#8250; <a title="Employee Pay Detail Information" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/records/emp_220.xhtml">220EMPLPAYDTL
					</a></li>
					<li>&#8250; <a title="Employee Tax Credit" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/records/emp_290.xhtml">290EMPLTAXCRDT
					</a></li>
					<li>&#8250; <a title="Employee Tax Credit - Client Paycheck" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/records/emp_295.xhtml">295EMPLCTPAYCHK</a></li>
					<!-- <li>&#8250; <a href="">Add new page</a></li>
					<li>&#8250; <a href="">Add new gallery</a></li>
					<li>&#8250; <a href="">Categories</a></li> -->
				</ul></li>
			<li class="upp"><a href="#">Supporting Values</a>
				<ul>
					<!-- <li>&#8250; <a
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/Rec202EMPLPIMSupport.xhtml">Rec202EMPLPIM</a></li>
					<li>&#8250; <a
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/Rec140ERWOTCLOCSupport.xhtml">Rec140ERWOTCLOC</a></li> -->
					<li>&#8250; <a title="Employer WOTC Locations" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/rec_140_support.xhtml?type=tx_140erwotcloc">140ERWOTCLOC</a></li>
					<li>&#8250; <a title="Employer TICS Worksite Locations" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/rec_150_support.xhtml?type=tx_150erticswksite">150ERTICSWKSITE</a></li>
					<li>&#8250; <a title="Employee General Information" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/rec_202_support.xhtml?type=tx_202emplpim">202EMPLPIM</a></li>
					<li>&#8250; <a title="Employee Pay Information" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/rec_210_support.xhtml?type=tx_210emplpayinfo">210EMPLPAYINFO</a></li>

					<li>&#8250; <a title="Employee Pay Detail Information" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/rec_220_support.xhtml?type=tx_220emplpaydtl">220EMPLPAYDTL</a></li>

					<li>&#8250; <a title="Employee Tax Credit" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/rec_290_support.xhtml?type=tx_290empltaxcrdt">290EMPLTAXCRDT</a></li>

					<li>&#8250; <a title="Employee Tax Credit - Client Paycheck" class="tooltip"
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/properties/rec_295_support.xhtml?type=tx_295emplctpaychk">295EMPLCTPAYCHK</a></li>
					<!-- <li>&#8250; <a href="">Add new page</a></li>
					<li>&#8250; <a href="">Site config</a></li> -->
				</ul></li>
			<li class="upp"><a href="#">Processes</a>
				<ul>
					<li>&#8250; <a
						href="#{facesContext.externalContext.requestContextPath}/pages/protected/process/all_processes.xhtml">Show
							All Processes</a></li>
				</ul></li>
			<li class="upp"><a href="#">Settings</a>
				<ul>
					<li>&#8250; <a href="">Site configuration</a></li>
					<li>&#8250; <a href="">Contact Form</a></li>
				</ul></li>
		</ul>
	</div>
</ui:composition>